<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>element的快速入门</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

<!--    引入 vue.js
        ele 的css / js
-->
    <script src="/js/vue.js"></script>
    <script src="/js/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="/js/element-ui/lib/theme-chalk/index.css">

</head>
<body>

<!--
     <el-row>    ele的 行组件   ele进行了封装
     <el-button> ele 的按钮     type  样式

-->
<div id="app">
    <el-row>
        <el-button>默认按钮</el-button>
        <el-button type="primary">主要按钮</el-button>
        <el-button type="success">成功按钮</el-button>
        <el-button type="info">信息按钮</el-button>
        <el-button type="warning">警告按钮</el-button>
        <el-button type="danger">危险按钮</el-button>

        <el-button type="primary">添加</el-button>
        <el-button type="danger">删除</el-button>
    </el-row>
</div>

<!-- 内容区域 /-->
<script>
    new Vue({
        el:"#app",
        data:{
            roles:[],
            user:{
                rid:1
            }
        },
        methods:{

        },
        created(){
        }
    });
</script>
</body>

</html>